
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>{{user.username | escape}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="/stylesheets/bootstrap.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

  <body>
    {{navbar}}

    <div class="span9">
     <div class="hero-unit">
        <h1>User Profile</h1>

              <h3>Username:</h3>
                <p>{{user.username | escape}}</p>
                <br>
              
              <h3>Real name: </h3>
                <p>{{user.firstName | escape}} {{user.middleName | escape}} {{user.lastName | escape}}</p>
                <br>

              <h3>Biography</h3>
                <p>{{user.bio | escape}}</p>
                <br>
                
              <h3>Reputation</h3>
                <p>{{user.reputation}}</p>
                <br>

              <h3>Credits</h3>
                <p>{{user.creds}}</p>
                <br>

      </div>
    </div>
  </body>
</html>
